<template>
  <div class="login">
    <div class="logo">
      <img
        src="https://z3.ax1x.com/2021/05/11/gan8aQ.png"
        alt="logo"
        width="220"
        height="60"
      />
    </div>
    <div class="form">
      <Form></Form>
    </div>
  </div>
</template>
<script>
import Form from "../../components/login/form";
export default {
	data(){
		return {
		}
	},
  // 注册组件
  components: {
    Form,
  },
}
</script>
<style lang="scss" scoped>
#main {
  width: 300px;
  height: 300px;
}
.login {
  width: 100%;
  height: 100%;
  background: url(https://z3.ax1x.com/2021/05/11/gaeRYR.jpg) no-repeat center;
  background-size: cover;
  .logo {
    img {
      margin: 50px 0 0 50px;
    }
  }
  .form {
    // position: relative;
    float: right;
    padding: 0 100px 0 0;
  }
}
</style>
